#vueRoot { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: $global-font; height: 100%; }
.Header { background-color: $head-bg; height: 55px !important; width: 100%; }
.Menu { background-color: $menu-bg; height: 100%; overflow-x: hidden; overflow-y: auto; }
.Header .logo { display: flex; height: 55px; justify-content: center; align-items: center; }
.mainBox { height: 100%; }
.page-main { padding: 10px; box-sizing: border-box; height: calc(100% - 53px); position: relative; z-index: 99; }
.w-e-full-screen-container { z-index: 11; }

/* 登录页 */
.Login { background-color: #f3f7fa; height: 100%; position: relative; overflow: hidden; background-image: url("../img/login-background-Right.png"); background-repeat: no-repeat; background-size: auto 100%; background-position-x: right; }
.Login .el-container { background-image: url("../img/login-background-Bottom.png"); background-repeat: no-repeat; background-size: 100% auto; background-position-y: bottom; }
.Login .header { text-align: left; padding: 48px 120px 0; font-size: 30px; font-weight: 700;  line-height: 36px; }
.Login .main-container{ position: fixed; top: 50%; margin-top: -250px;}
.Login .main-container .formBox{ height: 100%; width: 450px; margin-left: 300px;}
.Login .main-container title { display: block; letter-spacing: 4px; font-size: 32px; color: $color-primary; margin-bottom: 24px; user-select: none; }

.Login .main-container .formBox .el-input__wrapper{ border-radius: 22px;}
.Login .main-container .formBox .el-input__inner { height: 45px; line-height: 45px; font-size: 16px;  }
.Login .main-container .formBox .purple-button{ margin-top: 24px; height:46px;line-height: 46px; border-radius: 25px; }

/* 对话框 */
.my-dialog .el-dialog__footer { box-sizing: border-box; width: 100%; padding: 10px 10px; text-align: right; background-color: $dialog-bg; box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 9; }
.my-dialog .el-dialog__header { padding: 0 0 0 20px !important; background-color: $dialog-top-bg !important; margin-right: 0 !important; height: 40px !important; }
.my-dialog .el-dialog__headerbtn { top: 0px; height: 40px; line-height: 40px; display: flex; justify-content: center; align-items: center; }
.my-dialog .el-dialog__close { color: $dialog-top-font !important; font-weight: 900; }
.my-dialog .el-dialog__title { color: $dialog-top-font !important; line-height: 40px !important; font-size: 14px; font-weight: 700; }
.my-dialog { display: flex; flex-direction: column; max-width: calc(100% - 100px); margin-bottom: 0 !important;}
.my-dialog .el-dialog__body { overflow: auto; flex: 1; max-height: calc(100% - 50px); padding: 10px 20px 10px 20px }
.my-dialog .el-dialog__body .el-tabs { height: 100%; box-shadow: none; margin-bottom: 15px; }
.el-overlay-dialog:has(> .my-dialog) { position: absolute !important; }
.el-overlay:has(> .el-overlay-dialog .my-dialog) { position: absolute !important; }

/* InputNumber */
.input-left input { text-align: left !important; }
.input-left .el-input__wrapper { padding-left: 11px !important; padding-right: 11px !important; }

/* 滚动条样式 */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track-piece { background-color: transparent; }
body::-webkit-scrollbar-track-piece { background-color: transparent; }
::-webkit-scrollbar-thumb { cursor: pointer; margin-right: 1px; transition: 0.3s background-color; background-color: rgba(163, 166, 173, 0); border-radius: 7px; }
:hover::-webkit-scrollbar-thumb { background-color: rgba(163, 166, 173, 0.7); }
::-webkit-scrollbar-thumb:hover { background-color: rgba(163, 166, 173, 1); }
::-webkit-scrollbar-thumb:active { background-color: rgba(163, 166, 173, 1); }
::-webkit-scrollbar-button:vertical { width: 0; height: 0; }
::-webkit-scrollbar-button:horizontal { width: 0; height: 0; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: transparent; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: transparent; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: transparent; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: transparent; }

/* textarea */
.el-textarea__inner { resize: none !important; }

/* 少70px的input输入框，一般用于左边是input右边是选择按钮的功能 */
.input-70 { width: calc(100% - 70px) !important; }

/* placeholder提示文件居中显示，一般用于表格上方的搜索条件 */
.placeholder-center input::input-placeholder { text-align: center; }
.placeholder-center input::-ms-input-placeholder { text-align: center; }
.placeholder-center input::-webkit-input-placeholder { text-align: center; }

/* 表格顶部搜索条件 */
.searchGroup { display: flex; align-items: center;}
.searchGroup > div { width: 200px !important; margin-right: 5px;}
.searchGroup > div .el-input__wrapper{  width: 178px !important; }
.searchGroup ::-webkit-input-placeholder { text-align: center; }
.searchGroup :-moz-placeholder { text-align: center; }
.searchGroup ::-moz-placeholder { text-align: center; }
.searchGroup :-ms-input-placeholder { text-align: center; }

/* 进度条颜色 */
#nprogress .bar { background: $nprogress-bar-color !important; }

/* 表格鼠标经过行颜色 */
.vxe-table .vxe-body--row.row--hover{ background-color: rgba($color: $table-row-hover, $alpha: 1); }
.rowTitle{height:24px;color: $primary;border-left: 3px solid $primary; font-size: 18px; font-weight: bold;padding-left: 10px; display: flex;align-items: center;}

/*列表必填项列*/
.requiredCell .vxe-cell--title::before {content: "*"; color: #f56c6c; margin-right: 4px;  font-size: 14px; vertical-align: middle;}
